<template>
    <div class="box">
        <van-nav-bar title="支付页面" />

        <div class="box1">
            <p>

                <b>斌</b> 138123123123
            </p>
            <p>八维</p>
        </div>

        <div class="box2">
                <p>优惠券  <span>无可用优惠券</span></p>
                <p>店铺优惠  <span>无</span></p>
                <p>商品金额 <span>￥60.000000004</span></p>
                <p>商品优惠 <span>无</span></p>
                <p>运费 <span>免运费</span></p>
                <p>备注 <span>123</span></p>
        </div>

        <div class="box3">
           <b>合计:60.00</b> <button>去支付</button>
        </div>
   
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.box {
    width: 400px;
    height: 700px;
    // background-color: antiquewhite;
    margin: 0 auto;
    .box1
    {
        width: 400px;
        height: 80px;
        // background-color: aqua;
        border-bottom: 2px solid black;
    }
    .box2{
        width: 400px;
        height: 160px;
        // background-color: aquamarine;
        span{
            float: right;
        }
    }
    .box3
    {
        width: 400px;
        height: 60px;

        margin-top: 300px;
        button{
         margin-left: 300px;
         width: 100px;height: 50px;
         border-radius: 40px;
         background-color: red;
         color: white;
        }
    }
}

</style>